/* CSS Boiler Plate Start*/

  *{
    height: auto;
    width: auto;
    margin: 0;
    padding: 0;
    text-decoration: none;
    scroll-behavior: smooth;
    
}
/* CSS Boiler Plate End */


  /* Defined Constant (Root) Start   */
    
  :root {
    --text-color: hsla(0, 0%, 0%, 0);
    --secondary-color: #5151ef;
    --main-color: white;
    --sub-text-color: #808080;
    --pane-padding: 32px 100px;
    --primary-font-family: 'Poppins', sans-serif;
    --primary-font-weight: 450; 
    --primary-font-style: normal;
    --primary-font-size: 22px;
    --box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    
    
    }


    /* .darkmode{
      
        --text-color: #41b8eb;
        --secondary-color: #ef5151;
        --main-color: #070b1b;
        --sub-text-color: #808080;
        --pane-padding: 32px 100px;
        --primary-font-family: 'Poppins', sans-serif;
        --primary-font-weight: 450; 
        --primary-font-style: normal;
        --primary-font-size: 22px;
        --box-shadow: 0px 2px 5px rgba(255, 255, 255, 0.463);
        
        
       
    } */

    body{
      overflow-x: hidden;

    }

   /* Defined Constant (Root) End */